<template>
    <div>
        
            
            <van-nav-bar title="花瓣" />
      

        <van-tabs v-model:active="active">
            <van-tab title="全部分类">
                <!-- <van-grid :border="false" :column-num="2">
                <van-grid-item v-for="(v,i) in list" :key="i">
                    <van-image :src="v.goods_small_logo?v.goods_small_logo:'https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg'" />
                    <p>{{ v.goods_name }}</p>
                </van-grid-item>
            </van-grid> -->
                <pubu :list="list"></pubu>
            </van-tab>
        </van-tabs>
    </div>
</template>

<script setup>
import { ref } from 'vue';
import { searchApi } from '@/api/api';
import pubu from "@/components/pubu/index.vue"
const active = ref(0);
let list = ref("")
const getlist = () => {
    searchApi().then(res => {
        list.value = res.data.message.goods
    })
}
getlist()
</script>

<style lang="scss" scoped>

</style>